<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s"  uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" >
  <head>
    <title>微积分</title>
    
    <meta name="keywords" content="keyword ..." />
    <meta name="Description" content="description ..." />
    <!--<link href="favicon.ico" rel="shortcut icon" />-->
    <link href="${pageContext.request.contextPath}/css/global.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/css/shop.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
	<script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/js/default.js"></script>
</head>
<body>
<div id="header">
	<jsp:include page="include/header.jsp" />
</div>
<div id="maincontent">  
  <div id="bottomcontent">    
    <div id="leftcontent">
     <div id="detailcontent">
       <div class="image"><img src="${pageContext.request.contextPath}/<s:property value="#request.shop.logo" />" alt="" title="" /></div>
       <div class="info">
         <h4><s:property value="#request.shop.name" /></h4>
         <ul>
           <li>
           <!--5个星的总宽度为80px 每个为16px 根据实际情况定义-->
           <div class="sharecontent">分享得积分<a href="#"><img src="pic/share03.jpg" alt="" title="" /></a><a href="#"><img src="pic/share01.jpg" alt="" title="" /></a><a href="#"><img src="pic/share03.jpg" alt="" title="" /></a></div>
           <label>口味</label><span class="xin"><span class="xinnum" style="width:<s:property value="#request.shop.tasteRank * 16" />px;"></span></span></li>
           <li><label>环境</label><span class="xin"><span class="xinnum" style="width:<s:property value="#request.shop.environmentRank * 16" />px;"></span></span></li>
           <li><label>服务</label><span class="xin"><span class="xinnum" style="width:<s:property value="#request.shop.serviceRank * 16" />px;"></span></span></li>
           <li class="li"><label>地址：</label><s:property value="#request.address.province" /><s:property value="#request.address.city" /><s:property value="#request.address.area" /><s:property value="#request.address.stress" /></li>
           <li><label>电话：</label><s:property value="#request.shop.telNum" /></li>
           <li>您在该商家拥有的积分为：<strong>550</strong></li>
           <li class="btnli"><input type="button" class="btn" /></li>
         </ul>
       </div>
       <div class="clear"></div>
     </div>
      <div id="tabcontent">
        <div class="tabs">
          <ul>
            <li tabindex="1" class="current">商家详情</li>
            <li tabindex="2">商品兑换</li>
            <li tabindex="3">商品评价</li>
            <li tabindex="4">活动公告</li>
          </ul>
        </div>
        <div class="bodycontent bodycontent1">
          <div id="shopinfo">
            <dl>
              <dt>商家描述</dt>
              <dd>
                <div class="shortcontent"><s:property value="#request.shop.service" /></div>
                <div class="longcontent"><s:property value="#request.shop.service" />这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>服务项目</dt>
              <dd>
                <div class="shortcontent"><s:property value="#request.shop.service" /></div>
                <div class="longcontent"><s:property value="#request.shop.service" />......</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>环境氛围</dt>
              <dd>
                <div class="shortcontent"><s:property value="#request.shop.atmosphere" /></div>
                <div class="longcontent"><s:property value="#request.shop.atmosphere" />......</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>商家特色</dt>
              <dd>
                <div class="shortcontent"><s:property value="#request.shop.character" /></div>
                <div class="longcontent"><s:property value="#request.shop.character" />......</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>营业时间</dt>
              <dd>
                <div class="shortcontent"><s:property value="#request.shop.businessHour" /></div>
                <div class="longcontent"><s:property value="#request.shop.businessHour" />......</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>公交信息</dt>
              <dd>
                <div class="shortcontent"><s:property value="#request.shop.busInfo" /></div>
                <div class="longcontent"><s:property value="#request.shop.busInfo" />......</div>
                <div class="more">更多</div>
              </dd>
            </dl>
          </div>
          <div class="img"><img src="<s:property value="#request.shop.logo" />" alt="" title="" /></div>
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
        </div>
        <div class="bodycontent bodycontent2 none">
        <div class="shopcontent">
        <ul class="shoplist">
          <s:iterator value="#application.shopProducts" begin="0" end="5">
          <li>
            <div class="t"><a href="#"><s:property value="name" /></a></div>
            <div class="bg">
              <div class="img"><a href="#"><img src="<s:property value="pic" />" alt="" title="" /></a></div>
              <div class="num"><span><strong><s:property value="point" /></strong>积分</span>原价：<del><s:property value="oldPrice" /></del></div>
              <div class="change"><a href="#" class="link"></a><span>已有<s:property value="amount" />人兑换</span></div>
            </div>
            <div class="b"></div>
          </li>
          </s:iterator>
        </ul>
        </div>        
        </div>
        <div class="bodycontent bodycontent3 none">
        <div class="commentlist">
          <ul>
          	<s:iterator value="#request.shopComments" status="st">
            <li <s:if test="%{#st.odd}">class="split"</s:if>>
              <div class="imgs"><a href="#"><img src="<s:property value="imagePath" />" alt="" title="" /></a><p><a href="#"><s:property value="name" /></a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:<s:property value="tasteRank * 13" />px;"></span></span>环境<span class="span"><span class="spanxin" style="width:<s:property value="environmentRank * 13" />px;"></span></span>服务<span class="span"><span class="spanxin" style="width:<s:property value="serviceRank * 13" />px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent"><s:property value="content" /></div>
                 <div class="longcontent"><s:property value="content" /></div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
          	</s:iterator>
          </ul>
        </div>
        <div class="page"><a href="#">上一页</a><a href="#" class="hover">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a>...<a href="#">下一页</a>&nbsp;到第<input type="text" class="text" />页<input type="button" class="btn" value="确认" /></div>
        </div>
        <div class="bodycontent bodycontent4 none">活动公告内容</div>
      </div>
    </div>
    <div id="exchange">      
      <div class="map"><img src="image/map.jpg" alt="" title="" style=" width:238px; height:250px; " /></div>
      <h3><a href="#">热门排行</a></h3>
      <div class="body">
         <div class="tabs">
          <ul>
            <li class="current" tabindex="1">热门微商家</li>
            <li tabindex="2">最新微商家</li>
          </ul>
        </div>
        <div class="bodycontent bodycontent1">
          <ul>
          <s:iterator value="#application.hotShops" begin="0" end="9">
           <li>
             <div class="img"><a href="shopDetail?shopId=<s:property value="id" />"><img src="<s:property value="logo" />" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="shopDetail?shopId=<s:property value="id" />"><s:property value="name" /></a></h4>
               <!-- <div class="price">共有<span>XX</span>件商品可供兑换</div> -->
             </div>
             <div class="clear"></div>
           </li>
           </s:iterator>
          </ul>
        </div>
        <div class="bodycontent bodycontent2 none">
          <ul>
           <s:iterator value="#application.newShops"  begin="0" end="9">
           <li>
             <div class="img"><a href="shopDetail?shopId=<s:property value="id" />"><img src="<s:property value="logo" />" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="shopDetail?shopId=<s:property value="id" />"><s:property value="name" /></a></h4>
               <!-- <div class="price">共有<span>XX</span>件商品可供兑换</div> -->
             </div>
             <div class="clear"></div>
           </li>
           </s:iterator>
          </ul>
        </div>
      </div>
      <div class="search">
        <h3>搜索微商城所有礼品</h3>
        <ul>
          <li><label>关键词：</label><input type="text" class="text" /></li>
          <li><label>&nbsp;&nbsp;价格：</label><input type="text" class="text short" /><span>到</span><input type="text" class="text short" /></li>
          <li class="btnli"><input type="button" class="searchbtn" value="" /></li>
        </ul>
      </div>
    </div> 
    <div class="clear"></div>
  </div>
</div>
<div id="footer">
	<jsp:include page="include/footer.jsp" />
</div>
<div id="fullcontent"><div class="fullcontent"></div></div>
</body>
</html>